// 针对 UI 设计稿而做的一些样式重置
// 也既是 那些 浏览器中有 默认的样式，但需重做
@import './lib-mixin';
@import "./lib-variable";

body, html {
  font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  font-size: $fz-18;
  color: #50a7d0;
  user-select: none;
}

// 多选框样式 兼容性 IE9+
input[type=checkbox],
input[type=radio] {
  display: none;
}

i.checkbox {
  font-size: 20px;
}

// 未选中的checkbox的样式
i.checkbox:before,
i.radio:before {
  content: "\e608";
  color: #00fffe;
}

// 选中的checkbox样式
input[type=checkbox]:checked+i.checkbox:before,
input[type=radio]:checked+i.radio:before {
  content: "\e607";
  color: #00fffe;
}
// placeholder 样式
input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b8d7ff
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b8d7ff
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b8d7ff
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b8d7ff
}

::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-thumb {
  height: 56px;
  background-color: hsla(0, 0%, 53%, 0.4);
}
::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 53%, 0.2);
}